<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script src="./js/jquery.js"></script>
    <script>
        // $.ajax({
        //     url: "./02_test.json",
        //     type: "get",
        //     data: { a: 10 },
        //     //回调函数
        //     success: function (res, state, xhr) {
        //         console.log("成功", res, arguments);
        //     },
        //     complete: function (res, xhr, state) {
        //         console.log("完成", res, arguments);
        //     },
        //     error: function (xhr, state, errmsg) {
        //         console.log("失败:error", arguments);
        //     },
        //     statusCode: {
        //         404: function () {
        //             alert("抱歉，您的页面找不见了")
        //         },
        //         500: function () {
        //             alert("抱歉,我们的服务器爆炸了")
        //         },
        //         403: function () {
        //             alert("抱歉，服务器拒绝访问了")
        //         },
        //         405: function () {
        //             alert("请求的方式有错误")
        //         }

        //     }
        // })
        //全局配置错误处理
        $.ajaxSetup({
            error: function (xhr, state, errmsg) {
                console.log("抱歉请求发送失败");
            },
            statusCode: {
                404: function () {
                    alert("抱歉，您的页面找不见了");
                },
                500:function(){
                    alert("抱歉，我们的服务器爆炸了")
                },
                403:function(){
                    alert("抱歉，服务器拒接访问")
                }
            }
        })
        //请求错误的地址
        // $.ajax({
        //     url:"./024_test.json"
        // })
        // $.ajax({
        //     url:"./01_te5st.json"
        // })
        //全局事件
        $(document).ajaxStart(function(){
            alert("请求开始发送了")
        })
        $(document).ajaxComplete(function(){
            alert("请求结束了")
        })
        $.ajax({
            url:"./02_test.json",
            success:function(res){
                console.log(res);
            },
            global:false //这个设置就是不用全局的事件
        })
    </script>
</body>

</html>